/* Used by NavigationStyling.mxml */

.myMapStyle
{
    navigation-style-name: myNavigationStyle;
}

.myNavigationStyle
{
    top: 6;
    left: NaN;
    right: 6;
    navigation-minus-button-style-name: myNavigationMinusButton;
    navigation-plus-button-style-name: myNavigationPlusButton;
    navigation-slider-style-name: myNavigationSlider;
}

.myNavigationMinusButton
{
    disabledSkin: Embed(source="globe_icon.png");
    downSkin: Embed(source="globe_icon.png");
    overSkin: Embed(source="globe_icon.png");
    upSkin: Embed(source="globe_icon.png");
}

.myNavigationPlusButton
{
    disabledSkin: Embed(source="home_icon.png");
    downSkin: Embed(source="home_icon.png");
    overSkin: Embed(source="home_icon.png");
    upSkin: Embed(source="home_icon.png");
}

/* see http://livedocs.adobe.com/flex/3/langref/mx/controls/VSlider.html#styleSummary for more info */
.myNavigationSlider
{
    dataTipPlacement: "left";
    showScaleInDataTip: false;
    tickColor: #FFFFFF;
    tickLength: 10;
    tickOffset: 13;
    tickThickness: 3;
    borderColor: #FFFFFF;
    themeColor: haloSilver;
    invertThumbDirection:true;
    showTrackHighlight:true;
}